<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button id="btn">测试点击事件</button>
    <!-- 
        1.什么函数才是回调函数?
            *你定义的
            *你没有调用
            *最终执行了
        2.常见的回调函数?
            *dom事件回调函数
            *定时器回调函数
            *ajax请求回调函数
            *生命周期回调函数
     -->
     <script>
        // 个人：
        // var btn = document.querySelector('#btn');
        // btn.addEventListener('click',function(){
        //     console.log('测试成功');
        // })

        // 视频：
        // dom事件回调函数
        document.getElementById('btn').onclick = function(){
            alert(this.innerHTML)
        }
        // 定时器回调函数
        setTimeout(function(){
            alert('到点了')
        },2000)
        
     </script>
</body>
</html>